<div id="toast-container" class="toast-top-right" (mouseover)="toastOver()" (mouseleave)="toastLeave()" *ngIf="timeLeft > 0 && toastShow">
  <div class="toast" style="display: block;" [ngClass]="getToastType()">
    <div class="toast-progress" [style.width.%]="timeLeft/50"></div>
    <div class="toast-title">{{config.title}}</div>
    <div class="toast-message">{{config.content}}</div>
  </div>
</div>
